.infoBox {
  display: felx;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  .marginBox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 300px;
    height: 300px;
    background-color: #f8cc9f;
    border: 1px solid #000;
    .marginTop,
    .marginBottom {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 30px;
    }
    .marginTop {
      justify-content: flex-start;
      .marginName {
        padding-left: 10px;
      }
      .marginValue {
        padding-left: 100px;
      }
    }
    .marginAuto {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      height: 240px;
      .marginLeft,
      .marginRight {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 240px;
      }
      .marginInfo {
        width: 240px;
        height: 240px;

        .borderBox {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          width: 100%;
          height: 100%;
          background-color: #fcdd9e;
          border: 1px solid #000;
          .borderTop,
          .borderBottom {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 30px;
          }
          .borderTop {
            justify-content: flex-start;
            .borderName {
              padding-left: 10px;
            }
            .borderValue {
              padding-left: 72px;
            }
          }
          .borderAuto {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            width: 100%;
            height: 180px;
            .borderLeft,
            .borderRight {
              display: flex;
              flex-direction: row;
              align-items: center;
              justify-content: center;
              width: 30px;
              height: 180px;
            }
            .borderInfo {
              width: 180px;
              height: 180px;

              .paddingBox {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                width: 100%;
                height: 100%;
                background-color: #c3d08d;
                border: 1px solid #000;
                .paddingTop,
                .paddingBottom {
                  display: flex;
                  flex-direction: row;
                  align-items: center;
                  justify-content: center;
                  width: 100%;
                  height: 30px;
                }
                .paddingTop {
                  justify-content: flex-start;
                  .paddingName {
                    padding-left: 10px;
                  }
                  .paddingValue {
                    padding-left: 32px;
                  }
                }
                .paddingAuto {
                  display: flex;
                  flex-direction: row;
                  justify-content: space-between;
                  width: 100%;
                  height: 120px;
                  .paddingLeft,
                  .paddingRight {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: center;
                    width: 30px;
                    height: 120px;
                  }
                  .paddingInfo {
                    width: 120px;
                    height: 120px;
                    background-color: #8db6bf;
                    border: 1px solid #000;
                    .modelBoxInfo {
                      display: flex;
                      flex-direction: row;
                      align-items: center;
                      justify-content: center;
                      width: 100%;
                      height: 100%;
                      span {
                        padding: 0 4px;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
